<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <title>Web开发实战培训</title>
    <link type="text/css" rel="stylesheet" href="css/global.css">
    <link type="text/css" rel="stylesheet" href="./js/slick/slick.css">
    <link rel="stylesheet" type="text/css" href="./js/jacu/jcarousel.responsive.css">
    <script src="./js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="./js/slick/slick.min.js"></script>
    <script type="text/javascript" src="./js/jacu/jquery.jcarousel.min.js"></script>
    <script type="text/javascript" src="./js/jacu/jcarousel.responsive.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('.slider').slick({

                dots: false,
                autoplaySpeed: 3000,
                draggable: true,
                arrows: false,
                infinite: true,
                cssEase: 'cubic-bezier(0, 0, 0.3, 1)',
                autoplay: true,
                speed: 900,
                ascending: true,
                effects: [
                    'fade', 'fadeLeft', 'fadeRight', 'fadeTop', 'fadeBottom', 'fadeTopLeft', 'fadeBottomRight',
                    'blindsLeft', 'blindsRight', 'blindsTop', 'blindsBottom', 'blindsTopLeft', 'blindsBottomRight',
                    'curtainLeft', 'curtainRight', 'interlaceLeft', 'interlaceRight', 'mosaic', 'bomb', 'fumes'
                ],
                fade: true

            });


        });
    </script>
</head>

<body>
    <div class="top bgblack">
        <div class="topline ">
            <div class="topline-left">
                <h2>☆ 极客晨星 ☆</h2>
            </div>
            <div class="topline-right"><a href="login.html">登陆</a><a href="register.html">注册</a></div>
        </div>
    </div>
    <div class="container bgblue">

        <div class="slideshow">
            <div class="slider">
                <div class="item">
                    <img src="images/s8.png">
                </div>
                <div class="item">
                    <img src="images/s9.png">
                </div>
                <div class="item">
                    <img src="images/s3.png">
                </div>
                <div class="item">
                    <img src="images/s6.png">
                </div>
                <div class="item">
                    <img src="images/s7.png">
                </div>
            </div>
        </div>
    </div>
    <div class="wrapper">
        <div class="jcarousel-wrapper">
            <div class="jcarousel">
                <ul>
                    <li><img src="images/ms1.png" alt="Image 1"></li>
                    <li><img src="images/ms2.png" alt="Image 2"></li>
                    <li><img src="images/ms3.png" alt="Image 3"></li>
                    <li><img src="images/ms4.png" alt="Image 4"></li>
                    <li><img src="images/ms5.png" alt="Image 5"></li>
                    <li><img src="images/ms6.png" alt="Image 6"></li>
                </ul>
            </div>

            <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
            <a href="#" class="jcarousel-control-next">&rsaquo;</a>

            <p class="jcarousel-pagination"></p>
        </div>
    </div>
    <div class="bottom">
        <div class="bottom-top">☆极客晨星☆ Python Web开发实战培训</div>
        <div class="bottom-content">冀ICP 000000000号</div>
        <div class="bottom-bottom">2020.8 张家口</div>
    </div>

</body>

</html>